<template>
  <div style="border: 1px solid blue; padding: 25px">
    孙子组件B
    <h3>我是父组件的数据： {{ count11 }}</h3>
    <!-- <h3>我是父组件的数据： {{ count11() }}</h3> -->
    <div>
      我是孙子组件，想修改父组件的数据 --- {{ a }}
      <el-button @click="update">修改父组件数据</el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'B',
  props: ['a'],
  data() {
    return {}
  },
  // 依赖注入
  inject: ['count11'],
  created() {
    console.log('我是孙组件：', this.$attrs)
  },
  methods: {
    update() {
      // count11 后面写父子通信的时候，不要用provide提供的值
      // this.$emit('update', this.count11 + 1)
      this.$emit('update', this.a + 1)
    }
  }
}
</script>
